<!DOCTYPE html>
<html>
<head>
<link href="./css/modern.css" rel="stylesheet">
<link href="./css/style-student.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<%
	String firstname = (String) request.getAttribute("firstname");
	String lastname = (String) request.getAttribute("lastname");
	String courseNumber = (String) request.getAttribute("courseNumber");
	String sectionNumber = (String) request.getAttribute("sectionNumber");
%>
<title><%=courseNumber%> Section <%=sectionNumber%> Course Portal</title>
<body>
<div id="container">
	<div id="header"><br>
		<h1 id="main-title"><b><font color = "000000">EECE Student Group Assessments</b></font></h1>
		<h2>Welcome to <%=courseNumber%> Section <%=sectionNumber%> <%=firstname%> <%=lastname%>! 
			<a href="index.html">
				<p align="right">
					<font size="5">Logout</font>
				</p>
			</a>
		</h2>		
	</div>
    <div id="body" class="page-region-content tiles">
    		<form id=form method="post" action="ProfBackPortalServlet">
             	<a href = "javascript:;" onclick="document.getElementById('form').submit();" class="back-button big page-back">
             		<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
             	</a>
            </form>
    	<div id="innerBody" class="page-region-content tiles">
		<h1>Professor Portal</h1><br>
		
		<form id=form1 method="get" action="ProfViewGradesServlet">
			<a href="javascript:;" onclick="document.getElementById('form1').submit();">
				<div class="tile double double-vertical bg-color-blue">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/book_32.png" />
                   	    </div>
						 <div class="brand">	
							<div class="name">	
								<h2 align="center">
								<font size = "5">View/Edit Grades</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div>
			</a>
		</form>
		
		<form id=form2 method="get" action="ProfClassListServlet">
			<a href="javascript:;" onclick="document.getElementById('form2').submit();">
				<div class="tile bg-color-green">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/user_add_32.png" />
                   	    </div>
						 <div class="brand">	
							<div class="name">						
								<h2 align="center">
								<font size = "4">Add Class List</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
		
		<form id=form3 method="get" action="ProfTAClassListServlet">
			<a href="javascript:;" onclick="document.getElementById('form3').submit();">
				<div class="tile bg-color-green">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/user_business_add_32.png" />
                   	    </div>
						<div class="brand">	
							<div class="name">	
								<h2 align="center">
								<font size = "4">Add TA List</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
		
		<form id=form4 method="get" action="ProfGroupServlet">
			<a href="javascript:;" onclick="document.getElementById('form4').submit();">
				<div class="tile double bg-color-red">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/users_32.png" />
                   	    </div>
						<div class="brand">	
							<div class="name">	
								<h2 align="center">
									<font size = "4">Form Groups</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
		
		<form id=form5 method="get" action="ProfViewClassListServlet">
			<a href="javascript:;" onclick="document.getElementById('form5').submit();">
				<div class="tile bg-color-green">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/user_info_32.png" />
                   	    </div>
						<div class="brand">	
							<div class="name">	
								<h2 align="center">
									<font size = "3">View Class List</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>					
				</div>
			</a>
		</form>	
		
		<form id=form6 method="get" action="ProfClassRoomServlet">
			<a href="javascript:;" onclick="document.getElementById('form6').submit();">
				<div class="tile bg-color-green">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/home_32.png" />
                   	    </div>
						 <div class="brand">	
							<div class="name">	
								<h2 align="center">
									<font size = "3">Add Classrooms</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
		
		<form id=form7 method="get" action="ProfViewGroupsServlet">
			<a href="javascript:;" onclick="document.getElementById('form7').submit();">
				<div class="tile double bg-color-red">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/users_business_32.png" />
                   	    </div>
						 <div class="brand">	
							<div class="name">	
								<h2 align="center">
									<font size = "4">View Student Groups</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
		
		<form id=form8 method="get" action="ProfCOGSServlet">
			<a href="javascript:;" onclick="document.getElementById('form8').submit();">
				<div class="tile double double-vertical bg-color-purple">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/page_text_32.png" />
                   	    </div>
						<div class="brand">	
							<div class="name">	
								<h2 align="center">
									<font size = "5">Add a new COGS</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
		
		<form id=form9 method="get" action="ProfTADutyServlet">
			<a href="javascript:;" onclick="document.getElementById('form9').submit();">
				<div class="tile double double-vertical bg-color-orange">
					<div class="tile-content">
						<div class="tile-content icon">
						<img src="icons/page_text_add_32.png" />
                   	    </div>
						 <div class="brand">	
							<div class="name">	
								<h2 align="center">
									<font size = "5">Add TA duties</font>
								</h2><br>
							</div>
						</div>
					</div>	
					<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>			
				</div> 
			</a>
		</form>
	
		</div>
	</div>
	<div id="footer">
			&copy;UBC Electrical and Computer Engineering. Styled with <a
				href="http://metroui.org.ua">Metro UI CSS</a>
		</div>
</div>
</body>
</html>